<template lang="">
    <div class="self-btn" :class="classList">
        {{ biaoti }}
    </div>
</template>
<script>
export default {
    props: ['biaoti', 'status', 'isRaduds'],
    computed: {
        classList() {
            const res = [this.status];
            if (this.isRaduds) res.push('raduds')
            return res
        }
    }
}
</script>
<style lang="scss">
    .self-btn{
        display: inline-block;
        padding: 5px 10px;
        cursor: pointer;
        &.error{
             background-color: rgb(207, 68, 3);
             color: #fff;
        }
        &.success{
            background-color: rgb(22, 226, 22);
            color: #fff;
        }
        &.default{
            background-color: #c7c6c6;
            color: #333;
        }
        &.raduds{
            border-radius: 5px;
        }
    }
</style>